import Vue from 'vue'
import store from '@/store'
// 图片加载失败的指令
Vue.directive('imgerror', {
  inserted(el, { value }) {
    // console.log('指令执行了')
    // 如果图片的src地址为空
    if (!el.src) {
      el.src = value
    }
    // 等图片加载失败，然后替换图片的src属性
    el.onerror = function() {
      // console.log('图片加载失败了')
      el.src = value
    }
  },
  update(el, { value }) {
    // 如果图片的src地址为空
    if (!el.src) {
      el.src = value
    }
    // 等图片加载失败，然后替换图片的src属性
    el.onerror = function() {
      // console.log('图片加载失败了')
      el.src = value
    }
  }
})

Vue.directive('check', {
  inserted(el, { value }) {
    console.log(value)
    const points = store.state.user.userInfo.roles?.points
    const has = points?.some(item => item.toLowerCase() === value.toLowerCase())
    if (!has) {
      // el.style.display = 'none'
      // 删除这个元素
      el.remove()
      // el.parentNode.removeChild(el)
    }
  }
})
